<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>图标分组</title>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/data.js"></script>
    <style type="text/css" >
        html,
        body,
        #container {
            width: 100%;
            height: 100%;
            margin: 0px;
        }


        .big{
            font-size: 30px;
            line-height: 18px;
            height: 24px;
            display: inline-block;
            padding: 0 7px;
            vertical-align: sub;
        }
    </style>

</head>

    
<body>

    <script type="text/javascript">
    var points = getPointReal();
    console.log(points);
        
    points.forEach(function(d, i){
        var addr = d[3];
//        console.log(addr);
        
        var url = "http://restapi.amap.com/v3/geocode/geo?address="+ addr +"&output=JSON&key=f245398145c63564fc08be755022aadf";
        $.ajax({ url: url, success: function(rst){ //, context: document.body
            var pt = rst.geocodes[0].location;
            d.push(pt); 
            console.log(JSON.stringify(d));
            
        }});
        
    });
    
    
    
        
    </script>
</body>

</html>